<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<jsp:include page = "../../metadatos.jsp" flush = "True" />
<html>
    <head>
        <title>COMPRAS</title>
    </head>
    <body>
        <div class="wrapper">
            <header class="header">
                <img src="./resources/Logo.PNG" />
            </header><!-- .header-->
            <!-- .Navigation Menu -->
            <jsp:include page = "../../menuNavegacion.jsp" flush = "True" />
            <main class="content">
                <div class="grid-12-12">
                    <form method="post" action="./Compras?action=nuevaOrdenRequest">
                        <fieldset class="formee">
                            <legend>Conceptos</legend>
                            <div class="grid-12-12">

                                <!-- CARGAR EL DTO DEL ORDEN DE COMPRA EN ESTE SERVICIO SEGUN EL FOLIO --> 
                                <c:if test="${principalCompras.ordenCompra.estado == 1 }">
                                    <div class="grid-3-12">
                                        <input type="button" value="nuevo concepto" onclick="popup('./Compras?action=nuevoConceptoCompra&folio=<c:out value="${principalCompras.folioOrdenCompraApuntador}"/>', 800, 500);"/>
                                    </div>
                                </c:if>
                                <c:if test="${principalCompras.ordenCompra.estado == 2 }">
                                    <div class="formee-msg-warning">
                                        <h3>ATENCION: </h3>
                                        <ul>
                                            <li><strong> ESTA ORDEN DE COMPRA YA HA SIDO ENVIADA AL PROVEEDOR Y NO PUEDE SER MODIFICADA </strong></li>
                                            <li><strong> SI ES NECESARIO PONGANSE EN CONTACTO CON EL PROVEEDOR Y NOTIFIQUE EL ENVIO DE UNA NUEVA ORDEN </strong></li>
                                            <li><strong> SI REQUIERE REUTILIZAR / CORREGIR UN FOLIO TENDRA UD. QUE ELIMINAR LA ORDEN CORRESPONDIENTE </strong></li>
                                        </ul>
                                    </div>
                                </c:if>
                                <!-- CARGAR EL DTO DEL ORDEN DE COMPRA EN ESTE SERVICIO SEGUN EL FOLIO --> 
                            </div>
                            <div class="grid-12-12">
                                <table class="bordered"  width="100%">
                                    <thead>
                                        <tr tyle="font-size:15px;">
                                            <th><strong>FOLIO</strong></th>
                                            <th><strong>CONCEPTO</strong></th>
                                            <th><strong>CANTIDAD</strong></th>
                                            <th><strong>UNIDAD MEDIDA</strong></th>
                                            <th><strong>PRECIO UNITARIO</strong></th>
                                            <th><strong>% IVA</strong></th>
                                            <th><strong>MONTO IVA</strong></th>
                                            <th><strong>TOTAL CONCEPTO</strong></th>
                                                <c:if test="${principalCompras.ordenCompra.estado == 1 }">
                                                <th><strong>ELIMINAR</strong></th>
                                                </c:if>
                                        </tr>
                                    <tbody>
                                        <c:forEach items="${principalCompras.conceptos}" var="c">
                                            <tr>
                                                <td><c:out value="${c.folio}"/></td>
                                                <td><c:out value="${c.concepto}"/></td>
                                                <td><c:out value="${c.cantidad}"/></td>
                                                <td><c:out value="${c.umAbreviatura}"/></td>
                                                <td><c:out value="${c.pu}"/></td>
                                                <td><c:out value="${c.porcentajeIva}"/></td>
                                                <td><c:out value="${c.montoIva}"/></td>
                                                <td><c:out value="${c.totalConcepto}"/></td>
                                                <c:if test="${principalCompras.ordenCompra.estado == 1 }">
                                                    <td>
                                                        <img src="./resources/delete-icon.png" height="36" width="36"  
                                                             onclick="popup('./Compras?action=eliminaConcepto&index=1&folio=<c:out value="${c.folio}"/>&id=<c:out value="${c.id}"/>', 400, 400);"/>
                                                    </td>
                                                </c:if>
                                            </tr>
                                        </c:forEach>
                                    </tbody>
                                </table>
                            </div>
                        </fieldset>
                    </form>
                </div>
            </main>
        </div>
    </body>
</html>
<jsp:include page = "../../pie.jsp" flush = "True" />
